// 外边框
.m16 {
	margin: 16upx;
}
.m36 {
	margin: 36upx;
}
.p20 {
	padding:20upx;
}
.mr10 {
	margin-right: 10upx;
}
.mt40 {
	margin-top: 40upx !important;
}
.mt150 {
	margin-top: 150upx;
}
.tc {
	text-align: center;
}
.m20 {
	margin: 20upx;
}
.mlr16 {
	margin-left: 16upx;
	margin-right: 16upx;
}
.mlr20 {
	margin-left: 20upx;
	margin-right: 20upx;
}
.mt10 {
	margin-top: 10upx;
}
.mb16 {
	margin-bottom: 16upx;
}
.ptb8 {
	padding-top: 8upx;
	padding-bottom: 8upx;
}
.bb > .list:first-child {
	border-bottom: 2upx solid $uni-border-color;
}
.ptb8 > .list:first-child {
	padding-top: 8upx;
	padding-bottom: 8upx;
}
.pr {
	position: relative;
}
body {
	margin: 0;
	padding: 0;
	color: $uni-color-default;
	font-size: $uni-font-size-base;
	font-family: Microsoft YaHei;
}

.bg-img {
	width: 100%;
	height: 362upx;
}
.bg-img-h280 {
	height: 280upx;
}
.uni-input,
input {
	font-size: $uni-font-size-base;
	padding-left: 22upx !important;
}
.uni-input-placeholder {
	font-size: $uni-font-size-base;
}
//按钮样式
.able-button {
	width: 100%;
	height: $uni-btn-block-height;
	line-height: $uni-btn-block-height;
	background: $uni-bg-color-button;
	font-size: $uni-font-size-lg;
	border-radius: $uni-border-radius-base;
	color: $uni-color-white;
	&:active {
		background: $uni-bg-color-button-hover;
	}
}
.m-button-hover {
	background: linear-gradient(270deg, #3883ea 0%, #50b7fa 100%);
}

.b-color-blue {
	border-color: $uni-color-blue;
	flex: 1;
}
.bg-btn-blue {
	background-color: $uni-color-blue;
}
.hover-opacity {
	opacity: $uni-active-opacity;
}
.mask {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.bgw {
	background-color: $uni-color-white;
}
.bg-btn-gray {
	background-color: $uni-bg-color-btn-grey;
}

.bg-btn-red {
	background-color: $uni-color-error !important;
}

.bg-btn-blue {
	background-color: #1f95ec !important;
}
.bg-btn-green {
	background-color: #0dbd00 !important;
}

.bg-blue {
	background-color: $uni-color-blue;
}
.bg-orange {
	background-color: $uni-color-orange;
}
.br6 {
	border-radius: $uni-border-radius-base;
}
.blue {
	color: $uni-color-blue;
}
.green {
	color: $uni-color-green;
}
.gray {
	color: $uni-color-grey;
}
.red {
	color: $uni-color-error;
}
.bb {
	border-bottom: 2upx solid $uni-border-color;
}
.fs46 {
	font-size: $uni-img-size-base;
}
.flex-h-c > span {
	display: flex;
	align-items: center;
}
.flex-h-c {
	display: flex;
	align-items: center;
}
.flex1 {
	flex: 1;
}

.small-btn {
	width: auto;
	color: $uni-color-white;
	display: inline-block;
	height: $uni-btn-height;
	line-height: $uni-btn-height;
	text-align: center;
	font-size: $uni-font-size-base;
	border-radius: $uni-border-radius-sm;
	margin: 0;
	margin-left: 10upx;
}
.flex-l-r {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bg-position {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	image {
		width: 100%;
	}
}
input {
	height: $uni-input-height;
	border: 1px solid $uni-border-color;
	border-radius: $uni-border-radius-base;
	&:focus {
		border: 1px solid $uni-bg-color-blue;
	}
}
.chart-title {
	text-align: center;
	color: $uni-color-blue;
	margin-bottom: 0 $uni-spacing-10 * 2;
}
.chart-tools {
	text-align: right;
	padding: $uni-spacing-10 + $uni-spacing-5;
	overflow: hidden;
	.date {
		float: right;
		margin-right: $uni-spacing-10;
		color: $uni-color-blue;
		.iconfont {
			font-size: $uni-font-size-lg;
			margin-right: $uni-spacing-2;
		}
	}
	.dateTypes {
		float: right;
		border: 1px solid $uni-color-blue;
		border-radius: $uni-border-radius-base;
		overflow: hidden;
		.type {
			padding: $uni-spacing-5 $uni-spacing-30;
			&.active {
				color: $uni-color-white;
				background-color: $uni-color-blue;
			}
		}
	}
}
.tabBlock {
	.tab__item {
		&.tab__item--active {
			border-bottom: 1px solid $uni-color-blue;
		}
	}
	.tab {
		padding-bottom: 0 !important;
	}
	.tab__line {
		display: none !important;
	}
}
// 没有数据
.no-data {
	text-align: center;
	padding: $uni-spacing-20 0rpx;
	color: $uni-color-grey;
	font-size: $uni-font-size-md;
}
.uni-popup__wrapper-box {
	.uni-tip {
		margin: 0 auto;
		border-radius: $uni-border-radius-base;
		background-color: $uni-color-white;
		.uni-tip-title {
			padding: $uni-spacing-20;
		}
		.uni-tip-content {
			padding: $uni-spacing-20;
			max-height: 60vh;
			overflow-y: auto;
		}
		.uni-tip-group-button {
			display: flex;
			justify-content: space-around;
			.able-button {
				width: 80%;
				height: $uni-spacing-60;
				line-height: $uni-spacing-60;
				margin: $uni-spacing-50 0;
				border-radius: $uni-border-radius-lg;
				font-size: $uni-font-size-lg;
			}
		}
	}
}
// 加载更多
.weui-loading {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: loading 1s steps(12, end) infinite;
	animation: loading 1s steps(12, end) infinite;
	background: transparent
		url()
		no-repeat;
	background-size: 100%;
}
.weui-loadmore {
	width: 65%;
	margin: 1.5em auto;
	line-height: 1.6em;
	font-size: 14px;
	text-align: center;
	z-index: 999999;
	color: #7e7e7e;
}
.weui-loadmore__tips {
	display: inline-block;
	vertical-align: middle;
}
@keyframes loading {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loading {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-o-keyframes loading {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@-moz-keyframes loading {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
.activeScale:active {
	transform: scale(1.1);
}
